@charset "utf-8";
.g_pp{background:url(../image/ppbg.jpg) no-repeat center top;height: 686px;padding-top: 110px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_pp h2{height: 146px;border-bottom: 1px solid #c7c7c7;position: relative;font-size: 48px;color: #171c61;font-weight: bold;width:566px;padding-top: 12px;margin-bottom: 42px;animation-delay: 0.1s;}
.g_pp h2 em{display: block;font-size: 28px;color:#222222;font-weight: normal;}
.g_pp h2:before{content: "";position: absolute;background:url(../image/ppico1s.png) no-repeat;width:22px;height: 12px;left:0;top:147px;}
.g_pp p{font-size: 16px;line-height: 36px;color:#666666;width:566px;margin-bottom: 58px;animation-delay: 0.2s;}

.g_pp li{position: relative;float: left;width:220px;text-align:center;font-size: 24px;color:#171c61;}
.g_pp li a{color:#171c61;}
.g_pp li i{display: block;width:60px;height: 60px;overflow: hidden;margin:0 auto;}
.g_pp li:hover i img,.g_pp .cur i img
{margin-left: -60px;}
.g_pp li:nth-child(1){width:104px;padding-right: 48px;}
.g_pp li:before{content: "";position: absolute;width:1px;height: 76px;background: #eaeaea;right:0;top:8px;}
.g_pp li:nth-child(4):before{background: #0e438e;}
.g_pp li:hover a,.g_pp .cur a{color:#f08700;}
.g_pp li:nth-child(1){animation-delay: 0.1s;}
.g_pp li:nth-child(2){animation-delay: 0.2s;}
.g_pp li:nth-child(3){animation-delay: 0.3s;}

/*产品直通车*/
.probox,.honner{font-family:"Microsoft Yahei";}
.probox{height: 950px;padding: 30px 0 0;}
.pro_ico{width:76px;height:76px;top: -39px;left: 50%;margin-left: -38px;display: block;}
.probox h2 a{height: 100px;font-size: 40px;text-align: center;color: #2e2e2e;display: block;line-height: 40px;}
.probox h2 span {font-size: 28px;display: block;font-weight: normal;padding-bottom: 10px;}



.pro_nav{width:252px;height: 721px;}
.pro_nav p {font-size:24px;line-height:64px;height:64px;overflow: hidden;color: #fff;text-align: center;background: #0e438e;}
.pro_nav p a{color: #fff;}

.pro_nl{background: #fff;margin: 0 6px;}
.pro_nl h3{clear: both;height: 46px;line-height: 46px;font-size: 18px;display: block;white-space: nowrap;border: solid 1px #e7e7e7;padding: 0 11px 0 0;}
.pro_nl h3 a{display: block;padding: 0 26px;color: #333;}
.pro_nl ul{display: block;padding: 3px 0;}
.pro_nl li{height: 35px;line-height: 35px;font-size:16px;position: relative;border-bottom:solid 1px #f1f1f1;white-space: nowrap;}
.pro_nl li a{display: block;padding: 0 0 0 45px;color: #333;}
.pro_nl li:hover a,.pro_nl li a:hover{color: #016db8;}
.pro_nl li:last-child{border: 0;}
.pro_list{width:928px;overflow: hidden;border: solid 1px #e4e4e4;background: #fff;height: 720px;}

.pro_gt em{width:20px;height: 20px;display: inline-block;}
.pro_gt em.on{}
.pro_list ul{padding: 30px 0 0 18px;}
.pro_list li{width:290px;float: left;margin:0 10px 10px 0;}
.pro_list li p,.pro_list li p img{width:290px;height: 290px;display: block;overflow: hidden;}
.pro_list li span{display: block;line-height:30px;height:30px;z-index: 1;background:#e5e5e5;color: #333;padding: 5px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_list li span a{color: #333;font-size: 16px;}
.pro_list li span em{font-size: 14px; float: right;width: 95px;height: 30px;display: block;text-align: center;}
.pro_list li span em a{padding: 0 0 0 19px;display:block;color: #fff;border-radius: 2px;}
.pro_list li:hover span em a,.pro_list li span em a:hover{}

.pro_list li img,.show1 li img,.new_c1 dt img,.part_c li img,.hon_c li p img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_list li img:hover,.show1 li img:hover,.new_c1 dt img:hover,.part_c li img:hover,.hon_c li p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_tel{font-size: 14px;color: #333;width: 240px;height: 92px;margin: 0 auto;padding: 60px 0 0;text-align: center;line-height: 30px;}
.cp_tel b{display: block;font-size: 30px;font-family: "DINOT";}
/*ys*/








.g_cpys{background:url(../image/pcysbg.jpg) no-repeat center top;height: 800px;position: relative;padding-top: 20px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_cpys .cpico{position: absolute;right: 0;top:-105px;width:14.8%;}
.g_cpys .cpico img{width:100%;display: block;}

.g_cpys h2{display: block;height: 170px;text-align:center;font-size: 48px;color:#222;position: relative;padding-bottom: 30px;}
.g_cpys h2 em{display: block;font-size: 24px;color:#454545;font-weight: normal;}
.g_cpys h2:before{content: "";position: absolute;background:url(../image/tit.png) no-repeat;width:1200px;height: 26px;left:0;top:107px;}

.cpyshd{float: left;width: 590px;}
.cpyshd dl{float: left;width:295px;height: 169px;padding-top: 53px; overflow: hidden;background:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 34%, #f3f3f3 66%, #f4f4f4 100%); 
background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 34%,#f3f3f3 66%,#f4f4f4 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 34%,#f3f3f3 66%,#f4f4f4 100%); 
 }
.cpyshd dl:nth-child(2n-1){clear: both;}
.cpyshd dt{float: left;margin:0 15px 0 38px;width: 70px;overflow: hidden;}
.cpyshd dd{float: left;width: 132px;}
.cpyshd p{font-size: 21px;color:#333333;}
.cpyshd p b{display: block;color:#171c61;padding-top: 5px;}
.cpyshd dl.on,.cpyshd dl:hover{background:#016db8;
    
}
.cpyshd dl.on p,.cpyshd .on p b,.cpyshd dl:hover p,.cpyshd dl:hover p b{color:#fff;}
.cpyshd dl.on dt img,.cpyshd dl.on t img,.cpyshd dl:hover dt img{margin-left: -70px;}

.cpysbd{float: right;width:595px!important;height: 507px!important;background: #fff;box-shadow: 0 0 24px rgba(0,0,0,.1);}
.cpysbd dl{padding: 15px 0 0 19px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;}
.cpysbd dt{width: 560px;height: 317px;overflow: hidden;margin-bottom: 15px;overflow: hidden;}
.cpysbd dt img{width: 560px;height: 317px;display: block;transition: all 0.3s linear 0s;}
.cpysbd dl:hover dt img{transform: scale(1.1);}
.cpysbd dd{padding: 0 20px;}
.cpysbd h3{height: 50px;line-height: 50px;width: 440px;border-bottom: 1px solid #ededed;margin-bottom: 13px;font-size: 24px;color:#016db8;}
.cpysbd p{font-size: 16px;line-height: 24px;color:#666666;}





.g_ys1{background:url(../image/ysbg1.jpg) no-repeat center top;height: 851px;padding-top: 50px;overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_ys1 h2{display: block;height: 230px;text-align:center;font-size: 48px;color:#222;position: relative;}
.g_ys1 h2 em{display: block;font-size: 24px;color:#454545;font-weight: normal;}
.g_ys1 h2:before{content: "";position: absolute;background:url(../image/tit.png) no-repeat;width:1200px;height: 26px;left:0;top:107px;}
.g_ys1 h4{position: relative;height: 126px;padding-left: 120px;font-size: 38px;color:#171c61;padding-top: 16px;}
.g_ys1 h4 i{position: absolute;left:0;top:0;}
.g_ys1 h4 em{display: block;font-size: 24px;color: #666666;font-weight: normal;}

.ys1c dl{padding-top: 22px;height: 85px;border-bottom: 1px solid #e8e9e9;width: 525px;}
.ys1c dt{float: left;width: 60px;font-size: 34px;color:#cecece;}
.ys1c dd{float: left;width: 455px;}
.ys1c h3{line-height: 38px;font-size: 22px;color:#333333;}
.ys1c p{font-size: 16px;color:#666666;}
.ys1c p b{font-weight: normal;color:#171c61;}
.ys1c dl:nth-child(3){border-bottom: none;}
.ys1c dl:nth-child(1){animation-delay: 0.1s;}
.ys1c dl:nth-child(2){animation-delay: 0.2s;}
.ys1c dl:nth-child(3){animation-delay: 0.3s;}


.g_ys2{background:url(../image/ysbg2.jpg) no-repeat center top;height: 700px;padding-top: 100px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_ys2 dl{background: #ffffff;height: 507px;padding: 5px 5px 0 5px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_ys2 dt{float: left;width:597px;height: 502px;}
.g_ys2 dd{float: right;padding: 63px 8px 0 0;width:552px;}
.g_ys2 h4{position: relative;height: 126px;padding-left: 120px;font-size: 38px;color:#171c61;padding-top: 16px;}
.g_ys2 h4 i{position: absolute;left:0;top:0;}
.g_ys2 h4 em{display: block;font-size: 24px;color: #666666;font-weight: normal;}
.g_ys2 li{height: 58px;line-height: 58px;border-bottom: 1px solid #e6e6e6;font-size: 16px;color: #666666;}
.g_ys2 li i{float: left;width: 60px;text-align:center;font-size: 34px;color:#cecece;font-style: normal;}
.g_ys2 li b{float: left;font-size: 22px;color:#333333;padding-right: 15px;}
.g_ys2 li span{color: #171c61;}
.g_ys2 li:nth-child(1){animation-delay: 0.1s;}
.g_ys2 li:nth-child(2){animation-delay: 0.2s;}
.g_ys2 li:nth-child(3){animation-delay: 0.3s;}
.g_ys2 li:nth-child(4){animation-delay: 0.4s;}

.g_ys3{padding-top: 50px;height: 500px;}
.g_ys3 .ys3tit{height: 128px;position: relative;padding-bottom: 20px;}
.g_ys3 h2{position: relative;height: 126px;padding-left: 120px;font-size: 38px;color:#171c61;padding-top: 16px;}
.g_ys3 h2 i{position: absolute;left:0;top:0;}
.g_ys3 h2 em{display: block;font-size: 24px;color: #666666;font-weight: normal;}
.g_ys3 .ys3tit span{position: absolute;right: 0;top:0;}
.g_ys3 dl{float: left;width:382px;height: 327px;background: #ededed;margin-right: 26px;padding-top: 34px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_ys3 dl:nth-child(3){margin-right: 0;}
.g_ys3 dt{width:132px;margin:0 auto 10px;height: 132px;background: #fff;border-radius: 50%;overflow: hidden;}
.g_ys3 dt img{transition: all 0.3s linear 0s;}
.g_ys3 h3{height: 58px;text-align:center;font-size: 22px;color:#333333;position: relative;}
.g_ys3 h3:before{content: "";position: absolute;width:24px;height: 2px;background: #171c61;left:50%;margin-left: -12px;top:48px;}
.g_ys3 p{font-size: 16px;line-height: 24px;color:#4c4c4c;text-align:center;}
.g_ys3 dl:hover dt img{margin-left: -132px;}

.g_an{background:url(../image/anbg.jpg) no-repeat center top;height: 1003px;padding-top: 80px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_an h2 a{display: block;height: 155px;text-align:center;font-size: 48px;color:#222;position: relative;}
.g_an h2 em{display: block;font-size: 24px;color:#454545;font-weight: normal;}
.g_an h2 a:before{content: "";position: absolute;background:url(../image/tit.png) no-repeat;width:1200px;height: 26px;left:0;top:107px;}

.g_an .antit{float: left;width: 294px;position: relative;z-index: 142}
.g_an .antit li{height: 84px;line-height: 84px;border:1px solid #ddd;border-bottom: none;background: #fff;position: relative;padding-left: 104px;font-size: 20px;color:#333;font-weight: bold;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_an .antit li a{color: #333;}
.g_an .antit li i{position: absolute;left:40px;top:17px;width:55px;height: 55px;overflow: hidden;}
.g_an .antit .on{background: #f18700;position: relative;}
.g_an .antit .on:before{content: "";position: absolute;width: 45px;height: 84px;right: -45px;top:0;}
.g_an .antit .on i img{margin-left: -55px;}
.g_an .antit .on a{color:#fff;}
.g_an .anmore{height: 90px;line-height: 90px;border:1px solid #ddd;background: #fff;position: relative;padding-left: 104px;font-size: 20px;color:#333;font-weight: bold;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_an .anmore a{color: #333;}
.g_an .anmore i{position: absolute;left:40px;top:17px;width:55px;height: 55px;overflow: hidden;}
.g_an .anbd{float: right;width: 902px;height: 678px;position: relative;}
.g_an .anbd dl{position: relative;}
.g_an .anbd dt{width: 902px;height: 678px;overflow: hidden;}
.g_an .anbd dt img{width: 902px;height: 678px;display: block;transition: all 0.3s linear 0s;}
.g_an .anbd dl:hover dt img{transform: scale(1.1);}
.g_an .anbd dd{position: absolute;left:0;bottom: 0;width: 902px;height: 130px;background: rgba(23,28,97,.8);padding: 16px 30px 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.g_an .anbd h3 a{display: block;line-height: 38px;font-size: 24px;font-weight: bold;color:#fff;}
.g_an .anbd p{font-size: 16px;line-height: 26px;color: #fff;}



.new{ height:865px; padding-top:85px;  overflow:hidden;}
.new .tit a{display: block;height: 180px;text-align:center;font-size: 48px;color:#222;position: relative;font-weight: bold;}
.new .tit em{display: block;font-size: 24px;color:#454545;font-weight: normal;}
.new .tit a:before{content: "";position: absolute;background:url(../image/tit.png) no-repeat;width:1200px;height: 26px;left:0;top:107px;}


.dy{ width:712px;}
.dy .dl1{ height:138px; border-bottom:1px dashed #d1d1d1; }
.dy .dl1 dt{ height:60px; line-height: 60px;margin-bottom: 8px;}
.dy .dl1 dt em{ display:block; width:122px; height:56px; float:left; background:url(../image/new_t.png) no-repeat; font:20px "Microsoft YaHei UI";padding: 20px 0 0 15px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.dy .dl1 dt em a{ display:block; color:#f18700;font-weight: bold;}
.dy .dl1 dt span a{ display:block; width:530px; float:left; font:22px "Microsoft YaHei UI";  line-height:35px; color:#333333; margin-top:20px; overflow:hidden; height:35px;}
.dy .dl1 dd { font:14px "Microsoft YaHei UI"; line-height:24px; color:#666666;}
.dy .dl1 dd a{ color:#171c61;}
.dy .dl1:hover span a{ font-weight:bold; color:#f08700;}

.dy ul{ margin-top:16px;}
.dy li{ font:16px "Microsoft YaHei UI"; height:36px; line-height:36px; overflow:hidden;position: relative;padding-left: 20px;}
.dy li:before{content: "";position: absolute;width:6px;height: 6px;background: #999999;border-radius: 50%;left:0;top:16px;}
.dy li a{ display:block; color:#666666;}
.dy li i{ float:right; color:#999999;font-style: normal;}
.dy li:hover a{ font-weight:bold;color: #f08700;}
.dy li:hover i{ color:#666; font-weight:normal; }

.dy .dl2{padding: 20px 0 0 0; height:140px;border-bottom:1px dashed #d1d1d1;}
.dy .dl2 dt{ width:212px; height:119px; float:left; overflow:hidden;}
.dy .dl2 dt img{ display:block;width:212px; height:119px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy .dl2 dd{ width:465px; float:right; }
.dy .dl2 h3 a{display: block;line-height: 46px;font-size: 18px;color:#333333;}
.dy .dl2 dd p{ font:14px "Microsoft YaHei UI"; line-height:26px; color:#666666; height:52px; overflow:hidden;}
.dy .dl2:hover dt img,.baike dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy .dl2:hover h3 a,.dy .dl2:hover h3 a{ color:#f08700;}




.baike{ width:420px; height:572px;overflow:hidden;padding: 25px 25px 0;background:url(../image/wdbg.jpg) no-repeat;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.baike h2{ height:42px;margin-bottom: 11px; position:relative; font:22px "Microsoft YaHei UI"; line-height:42px;}
.baike h2 a{ color:#171c61;}
.baike h2 em{display: inline-block;font-size: 18px;color:#999999;}
.wdimg{width:366px;height: 206px;overflow: hidden;}
.wdimg img{width:366px;height: 206px;display: block;transition: all 0.3s linear 0s;}
.wdimg:hover img{transform: scale(1.1);}

.baike dl{padding:15px 0 0 0;height:76px;border-bottom:1px dashed #d1d1d1;}
.baike dt{height:28px;line-height:28px;padding-left:24px;font-size:16px;font-weight:700;position: relative;}
.baike dt a{color:#333333}
.baike dt:before{content: "";position: absolute;width:6px;height: 6px;background: #999999;border-radius: 50%;left:0;top:10px;}
.baike dd{height:30px;line-height:30px;padding-left:24px;font-size:14px;color:#666666;overflow:hidden}
.baike dl:nth-child(3){border-bottom:none}
.baike dl:hover dt a{color:#f08700}



.g_ab{background: url(../image/abbg.jpg) no-repeat center top;height: 600px;padding-top: 130px;margin-bottom: 58px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.m_ab{margin-left: 650px;}
.m_ab .tit a{display: block;font-size: 45px;color:#171c61;font-weight: bold;height: 140px;animation-delay: 0.1s;}
.m_ab .tit em{display: block;font-size: 25px;color:#171c61;font-weight: normal;padding-top: 8px;}
.g_ab p{font-size: 15px;color: #343434;line-height: 24px;letter-spacing: 1px;animation-delay: 0.2s;width: 600px;}



.help_cut{ height: 480px;}
.help_nav{height: 110px;}
.help_nav li{float: left;width: 400px;position: relative;font-size: 24px;color:#202428;padding-left: 160px;padding-top: 10px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.help_nav li a{color: #202428; }
.help_nav li em{display: block;font-size: 20px;color:#333333;}
.help_nav li:before{content: "";position: absolute;width:1px;height: 62px;background: #e8e9e9;right:0;top: 1px;}
.help_nav li i{position: absolute;left:70px;top:2px;width: 80px;height: 80px;overflow: hidden;}
.help_nav li.cur a{color: #f18700;}
.help_nav li.cur i img{margin-left: -80px;}
.help_nav li.cur em{color: #f18700;}
.help_nav li:nth-child(3):before{background: none;}


.m_help{ height:330px;width: 1200px; position: relative; }
.xc{width:1200px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  overflow: hidden;}
.xc li{ width:285px; position:relative;margin-right: 20px; float: left; overflow: hidden;}
.xc li img{ display:block;width:285px; height:214px;}
.xc li em{display: block;height: 58px;line-height: 58px;border-bottom: 1px solid #d9d9d9;text-align:center;font-size: 16px;color:#333;position: relative;}
.xc li:hover em{color:#f18700;}
.xc li em:before{content: "";position: absolute;width: 0;height: 1px;background: #f18700;left:0;top:58px;transition: all 0.3s linear 0s;}
.xc li:hover em:before{width:100%;}

.prev1,.next1{position: absolute;width: 15px;height: 20px;}
.prev1{left:-30px;top:98px;background:url(../image/ljt.png) no-repeat}
.next1{right:-30px;top:98px;background:url(../image/rjt.png) no-repeat}
.prev1:hover,.next1:hover{background-position: -15px 0;}





.g_link{ height: 66px;background:url(../image/linkbg.jpg) no-repeat center top;}
.g_link h2{float: left; width: 120px;height: 66px;line-height: 66px;font-size: 16px;font-weight: normal;color: #222;}
.link_c{line-height:66px; overflow:hidden;float: left;width: 1080px; font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 66px; line-height:66px; color:#131315;display: block;}

.news{overflow:hidden;height:800px;}
.news .til{overflow:hidden;display:block;height:54px;}
.news .til ul{display:block;float:left;width:325px;height:54px;line-height:54px;}
.news .til ul li{display:inline-block;float:left;margin-right:25px; height:54px;font-size:24px;text-align:center; font-weight: bold;}
.news .til ul li a{display:block;height:54px;line-height:54px;color:#333333;}
.news .til ul li.on a{display:block;height:52px;border-bottom: 2px solid #db261d;}
.news .til span{display:block;float:right;width:55px;height:54px;line-height:54px;font-size:16px;}
.news .til span a{color:#333333;}

.news1{display:block;float:left;width:550px; height: 460px;}
.news1 dl{display:block;margin-top:20px;height:278px;border-bottom:1px solid #ececec;}
.news1 dl dt{position:relative; height:140px; overflow:hidden;}
.news1 dl dt .news-title{ width: 162px; background: #db261d; float: left; height: 140px; text-align: center; line-height: 140px; font-size: 28px; font-weight: bold; color: #fff;}
.news1 dl dt .news-img{display:block;width:388px;height:140px; float: left;}
.news1 dl .news-img img{ width:100%; display:block;}
.news1 dl dt span{position:absolute;right:-3px;top:-3px;display:block;width:66px;height:68px;}

.news1 dl dd h5{display:block;margin-top:10px;height:52px;line-height:52px;font-size:14px;}
.news1 dl dd h5 a{color:#333333;}
.news1 dl dd h5 em{float:right;color:#777777;font-weight:normal;}
.news1 dl dd p{overflow:hidden;display:block;height:48px;line-height:24px;color:#535353;font-size:14px;}
.news1 dl dd p a{color:#ff6b06;}
.news1 dl dd i{ font-style: normal;}
.news1 .texts{overflow:hidden;display:block;margin-top:15px;}
.news1 .texts li{overflow:hidden;display:block;float:left;padding-left:10px;line-height:29px;font-size:14px;}
.news1 .texts li b{display:block;float:left;width:460px;font-weight:normal;}
.news1 .texts li em{display:block;float:right;width:80px;}
.news1 .texts li a{color:#535353;}


.faq{overflow:hidden; float:right;width:551px;}
.faq .til{ margin-bottom: 20px;}
.faq .til ul{overflow:hidden;width:205px;background:none; }
.faq .til ul li{overflow:hidden;width:205px;text-align:left;}
.faq .til ul li a:hover{background:none;}
.faq p{ width: 551px; height: 140px; margin-bottom: 27px;}
.faq p img{ width: 100%;}
.faq-bd{ height: 143px; overflow: hidden;}
.faq dl{padding-left: 27px; width: 223px; float: left; margin-right: 50px; box-sizing: content-box;}
.faq dl.none{ margin-right: 0;}
.faq dt{ font-size: 14px; font-weight: bold; line-height: 24px; margin-bottom: 20px; margin-top: -3px;}
.faq dt a{ color: #333333;}
.faq dd{ font-size: 14px; line-height: 26px; color: #555555;}
.faq-hd{ height: 17px; display: block; margin-top: 45px;}
.faq-hd .prev,.faq-hd .next,.faq-hd ul{ float: left; margin-top: 5px;}
.faq-hd .prev,.faq-hd .next{ width: 6px; height: 11px; display: block;}
.faq-hd .prev{ margin: 0 40px 0 200px;}
.faq-hd .next{ margin: 0 0 0 30px;}
.faq-hd li{ float: left; margin-right: 6px; width: 10px; height: 10px; font-size: 0;}
.faq-hd li.on{ }
.main-title{ text-align: center; margin: 30px 0 100px; }
.main-title h2{ color: #3a3b3f; font-size: 40px; margin: 5px 0 7px;}
.main-title span{ color: #da251c;}
.main-title .sub-title{ font-size: 24px; color: #595757; display: block; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; height: 50px; line-height: 50px; width: 417px; margin: 0 auto;}


.head_bg { width: 100%; height: 100px }
.head_box { width: 100%;}
.head { width: 1200px; overflow: hidden; margin: auto; height: 110px}
.logo {float: left; height: 50px;padding-top: 10px; }
.head_right {float: right; padding-top: 25px; height: 75px; width: 800px ;padding-right: 104px;}
.head_right .txt{border-left: 1px solid #EDEDED; height: 60px; width: 500px; float: left; padding-left: 10px; color: #575757;;}
.head_right .txt h3{font-size: 22px; line-height: 30px}
.head_right .txt h4{font-size: 18px; line-height: 30px; font-weight: 100}

.head_right .tel{ background-size:contain;float: right; width: 242px; height: 50px; padding-left: 20px;line-height: 28px;}
.head_right .tel span{}

.user {position: absolute; right: 0; top: 0; font-size: 12px }
.search { float: left }
.inp_text { float: left; width: 98px; padding-left: 10px; line-height: 22px; height: 22px; overflow: hidden; border: none }
.inp_button { float: left; border: none; width: 24px; height: 22px; cursor: pointer }

.nav { margin: 0 auto; color: #555; border-top:1px solid #EDEDED; border-bottom:2px solid #016db8}
.nav ul{width: 1200px; margin: auto; height: 50px;border-left: 1px solid #EDEDED;}
.nav ul li{ border-right: 1px solid #EDEDED; text-align: center; float: left; width: 12%}
.nav a { display: block; line-height: inherit; cursor: pointer; color: #555; font-weight: 400; font-family: "微软雅黑"; font-size: 16px; position:relative}
.nav ul li:hover a, .active a{ background: #016db8; color: #FFFFFF; font-size: 16px}

.nav_menu { line-height: 50px; font-weight: 700; text-transform: uppercase; position: relative}
.nav_menu .{width: 19px; height: 19px; float: left; position: absolute; left: 30px; top: 15px}
.nav_menu .ico1{width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico2{width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico3{ width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico4{width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}
.nav_menu .ico5{width: 19px; height: 19px; float: left; position: absolute; left: 40px; top: 15px}

.nav_submenu-item { display: block }
.nav_menu-item a { display: block; text-align: center}
.nav_menu-item a img { vertical-align: middle; margin-left: 5px }
.nav_menu-item { display: inline-block; position: relative; }
.nav_menu-item:hover .nav_submenu { display: block }
.nav_submenu { font-weight: 300; text-transform: none; display:none ; position: absolute;z-index: 9999; top: 50px; background: #eee; padding: 0px;float: left; width:100%;border-top: 2px solid #00b896; box-shadow: 2px 2px 1px #eee }
.nav_submenu ul { width: 100%; border: 0px}
.nav_submenu ul li{clear: both; background: #fff; width:100%; border: 0px }
.nav_submenu ul li:hover a{background:#F7F7F7!important; }
.nav_submenu a{background: #fff!important; color:#515151!important; font-size: 14px!important; text-decoration: none!important; line-height: 40px!important; border-bottom: 1px solid #E5E5E5}

.nav_img { float: right; margin: 10px 0 15px 0 }
.nav_img p { margin: 0; padding: 0; line-height: 14px; text-align: center; font-size: 14px; color: #767676}
.nav_img img { width: 230px; height: 135px }
.nav_on1 { position: absolute; left: 0px }
.nav_on2 { position: absolute; left: -150px }
.nav_on3 { position: absolute; left: -260px }
.nav_on4 { position: absolute; left: -200px }
.nav_on5 { position: absolute; left: -250px }
.nav_on6 { position: absolute; left: -483px }







  .footer {
                   background: #aa55ff;
                 width: 1920px;}
                 .f_contact {
                   height: 200px;
                   padding-top: 100px;
         	
                   -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                   box-sizing: border-box;
                 }
                 .f_contact li {
                   float: left;
                   width: 330px;
                 }
                 .f_contact li img {
                   display: block;
                   float: left;
                   width: 47px;
                   height: 47px;
                   background: #dadada;
                   border-radius: 50%;
                   margin-right: 10px;
                 }
                 .f_contact li strong {
                   display: block;
                   font-size: 18px;
                   line-height: 24px;
                   color: #333;
                 }
                 .f_contact li span {
                   display: block;
                   white-space: nowrap;
                   font-size: 14px;
                   line-height: 22px;
                   color: #333;
                   margin-top: 3px;
                 }
                 .f_contact li:nth-child(1) {
                   width: 480px;
                 }
                 .f_contact li:nth-child(2) {
                   width: 380px;
                 }
                 .f_contact li:nth-child(3) span {
                   font-size: 20px;
                 }
                 .f_con {
                   background: #f2f2f3;
                   padding-top: 10px;
                   height: 400px;
                   -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                   box-sizing: border-box;
                 }
                 .f_info {
                   width: 398px;
                   margin-top: 15px;
                   float: left;
         		
         		  
         	
         		  
         		  
                 }
                 .f_info p {
                   font-size: 15px;
                   line-height: 24px;
                   color: #333;
                 }
                 .f_info p a {
                   color: #333;margin-right: 10px;
                 }
                 .f_info p:first-child {
             
                 }
                 .f_info p:first-child strong {
                   display: block;
                   font-size: 15px;
                   line-height: 25px;
                   color: #333;
                 }
                 .f_info p:first-child span {
                   display: block;
                   font-size: 12px;
                   line-height: 20px;
                   color: #333;
                   font-family: arial;
                   opacity: 0.5;
                 }
                 .f_menu {
                   padding-left: 87px;
                   padding-top: 6px;
                   padding-right: 26px;
                   position: relative;
                   width: 286px;
                   float: left;
                   box-sizing: content-box;
                 }
                 .f_menu:after {
                   position: absolute;
                   content: "";
                   
                   top: 150px;
                   right: 0;
                 }
                 .f_menu a {
                   display: block;
                   float: left;
                   font-size: 15px;
                   line-height: 32px;
                   color: #333;
                   width: 143px;
                   -o-transition: all 0.3s ease;
                   transition: all 0.3s ease;
                 }
                 .f_menu a:hover {
                   color: #0d306a;
                 }
                 .f_qr {
                   width: 305px;
                   float: right;
                 }
                 .f_qr p {
                   float: right;
         		  padding-right: 150px;
                   padding-top: 6px;
                
                   border-radius: 5px;
                   line-height: 0;
                   display: block;
                 }
                 .f_qr img {
                   width: 126px;
                   height: 126px;
                   background: #fff;
                   border-radius: 5px;
                 }
                 .f_qr span {
                   display: block;
         		  padding-top: 200px;
                   float: left;
                   font-size: 15px;
                   line-height: 25px;
                   color: #333;
                   padding-top: 110px;
                 }
         .f_pr {position: relative;}
         		.links{ background:#222;height:100px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden; padding-top:10px;}
         		.links a{pdisplay:block;float:left;font-size:14px;line-height:20px;color:rgba(255,255,255,.5);-o-transition:all .3s ease;transition:all .3s ease;margin-right:12px}
         		.links a:hover{color:#fff}
@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}











html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1024px) {html {font-size: 15px;}}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}